<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>phillfinance assistant</title>
    <link rel="icon" type="image/png" href="{{ url_for('static', filename='phillfinance.png') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <meta name="description" content="Manage your personal finances with ease.">
    <meta name="author" content="philip muya">
    <meta name="keywords" content="finance, budgeting, expenses, personal assistant">
</head>

    <header>
        <nav>
            <ul class="nav-list">
                <li><a class="button" href="{{ url_for('home') }}">Home</a></li>
                {% if current_user.is_authenticated %}
                    <li><a class="button" href="{{ url_for('dashboard') }}">Dashboard</a></li>
                    <li><span>Budget: ksh.{{ budget }}</span></li>
                    <li><span>Balance: ksh.{{ balance }}</span></li>
                    <li><a class="button" href="{{ url_for('set_budget') }}">Set Budget</a></li>
                    <li><a class="button" href="{{ url_for('expense_graph') }}">expense distribution</a></li>
                    <li><a class="button" href="{{ url_for('debt_graph') }}">debt distribution</a></li>
                    <li class="logout"><a  href="{{ url_for('logout') }}"><i class="fas fa-sign-out-alt"></i></a></li>
                {% else %}
                    <li class="login"><a class="fas fa-sign-in-alt" href="{{ url_for('login') }}">Login</a></li>
                    <li><a class="register" href="{{ url_for('register') }}">Register</a></li>
                {% endif %}
            </ul>
        </nav>
    </header>
    <main class="container">
        {% with messages = get_flashed_messages(with_categories=True) %}
            {% if messages %}
                <div class="flashes">
                    {% for category, message in messages %}
                        <div class="flash {{ category }}">{{ message }}</div>
                    {% endfor %}
                </div>
            {% endif %}
        {% endwith %}
        {% block content %}{% endblock %}
    </main>
    <footer>
        <p>&copy; 2025 Personal Finance Assistant. All rights reserved.</p>
    </footer>
</body>
</html>
